<style>
    .box{
        display: flex;
        flex-wrap: wrap;
    }
    .box >div{
        margin-bottom: 20px;
        margin-right: 20px;
    }
</style>
<div class="layuimini-container">
    <form id="app-form" class="layui-form layuimini-form">
  
        <div class="layui-form-item">
            <label class="layui-form-label required">达人名称</label>
            <div class="layui-input-block">
                <input type="text" name="service_name" class="layui-input" placeholder="请输入达人名称" value="">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label required">头像</label>
            <div class="layui-input-block layuimini-upload">
                <input name="image" class="layui-input layui-col-xs6" readonly  placeholder="请上传头像" value="">
                <div class="layuimini-upload-btn">
                    <span><a class="layui-btn" data-upload="image" data-upload-number="one" data-upload-exts="png|jpg|ico|jpeg" data-upload-icon="image"><i class="fa fa-upload"></i> 上传</a></span>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label required">手机号</label>
            <div class="layui-input-block">
                <input type="number" name="phone" class="layui-input" maxlength="11" placeholder="请输入手机号" value="">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">性别</label>
                <div class="layui-input-block">
                    <input type="radio" name="sex" lay-filter="levelM" class="layui-input" value="1" title="男" >
                    <input type="radio" name="sex" lay-filter="levelM" class="layui-input" value="2" title="女" >
                </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label required">年龄</label>
            <div class="layui-input-block">
                <input type="number" name="age" class="layui-input" placeholder="请输入年龄" value="">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label required">简介</label>
            <div class="layui-input-block">
                <textarea name="brief_introduction" rows="10" class="layui-textarea" placeholder="请输入简介"></textarea>
            </div>
        </div>
        
        <div class="hr-line"></div>
        <div class="layui-form-item text-center">
            <button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit>确认</button>
            <button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">重置</button>
        </div>
    </form>
</div>
<script type="text/javascript">
    layui.use(['form','upload'], function(){
        var form = layui.form;
        var upload = layui.upload;
        $ = layui.$;
        //各种基于事件的操作。
        $('#addrs').click(function (){
            var i = $('#rsbox >div').length
            $('#rsbox').append(`<div><span class="layui-btn layui-btn-primary layui-border-green">${i+1}-${i+2}人</span></div>`)
        })
        $('#addsc').click(function (){
            var i = $('#scbox >div').length
            $('#scbox').append(`<div><span class="layui-btn layui-btn-primary layui-border-green">${i+1}-${i+2}小时</span></div>`)
        })
        $('#removers').click(function (){
            var lastEl =  $('#rsbox').children().last()
            lastEl.remove()
        })
        $('#removesc').click(function (){
            var lastEl =  $('#scbox').children().last()
            lastEl.remove()
        })

    });
</script>